<template>
  <div id="ppp">
    <div class="thy-3">
      <span class="span-1">居民信息</span>
      <div class="thy-2">
        <span class="span-2">居民编号：<span class="span-3"> {{obj.id}}</span></span>
        <span class="span-4">姓名：<span class="span-3"> {{obj.name}}</span></span>
        <span class="span-5">头像：<img src="u4271.png" alt="" class="img-3" ></span>
        <span class="span-6">身份证号：<span class="span-3"> {{obj.id_entity}}</span></span>
      </div>
      <div class="thy-2">
        <span class="span-2">手机号码：<span class="span-3"> {{obj.phone}}</span></span>
        <span class="span-4">现居地：<span class="span-3"> {{obj.current_residence}}</span></span>
        <span class="span-5">登录密码：<span class="span-3"> {{obj.login_password}}</span></span>
        <span class="span-6">行政区划：<span class="span-3"> {{obj.administrative_division}}</span></span>
      </div>
      <div class="thy-2">
        <span class="span-2">居民标签：<span class="span-3"> {{obj.residentlabel}}</span></span>
        <span class="span-4">性别：<span class="span-3"> {{obj.sex}}</span></span>
        <span class="span-5">出生日期：<span class="span-3"> {{obj.dateOfBirth}}</span></span>
        <span class="span-6">籍贯：<span class="span-3"> {{obj.native_place}}</span></span>
      </div>
      <div class="thy-2">
        <span class="span-2">名族：<span class="span-3"> {{obj.nation}}</span></span>
        <span class="span-4">文化程度：<span class="span-3"> {{obj.degreeof_education}}</span></span>
        <span class="span-5">婚姻状况：<span class="span-3"> {{obj.marriage}}</span></span>
        <span class="span-6">职业：<span class="span-3"> {{obj.occupation}}</span></span>
      </div>
      <div class="thy-2">
        <span class="span-2">工作单位：<span class="span-3"> {{obj.company}}</span></span>
        <span class="span-4"
          >紧急联系人：<span class="span-3"> {{obj.emergency_contact}}</span></span
        >
        <span class="span-5">联系人电话：<span class="span-3"> {{obj.contact_phone}}</span></span>
        <span class="span-6">户籍类型：<span class="span-3"> {{obj.household_type}}</span></span>
      </div>
      <div class="thy-2">
        <span class="span-2">费用类型：<span class="span-3"> {{obj.cost_type}}</span></span>
        <span class="span-4"
          >定点医疗单位：<span class="span-3"
            > {{obj.medical_unit}}</span
          ></span
        >
        <span class="span-5">来源：<span class="span-3"> {{obj.source}}</span></span>
        <span class="span-6"></span>
      </div>
    </div>
    <div class="thy-3">
      <span class="span-1">健康信息</span>
      <div class="thy-2">
        <span class="span-2">身高：<span class="span-3"> {{obj.height}}</span></span>
        <span class="span-4">体重：<span class="span-3"> {{obj.weight}}</span></span>
        <span class="span-5">血型：<span class="span-3"> {{obj.blood_type}}</span></span>
        <span class="span-6">RH阴性：<span class="span-3"> {{obj.negative_RH}}</span></span>
      </div>
      <div class="thy-2">
        <span class="span-2">过敏史：<span class="span-3"> {{obj.allergy_history}}</span></span>
        <span class="span-4"
          >既往史：<span class="span-3"> {{obj.past_history}}</span></span
        >
        <span class="span-5">就诊史：<span class="span-3"> {{obj.medical_history}}</span></span>
        <span class="span-6">家族病史：<span class="span-3"> {{obj.family_history}}</span></span>
      </div>
    </div>
    <div class="thy-3">
      <span class="span-1">家庭成员</span>
      <div class="thy-4">
        <div class="thy-5">
          <img src="u1693 (1).jpg" alt="" class="img-1" />
        </div>
        <span class="span-7">李清</span>
        <span class="span-8">58岁</span>
        <span class="span-9">关系：父母</span>
      </div>
      <div class="thy-4">
        <div class="thy-5">
          <img src="u1699.png" alt="" class="img-1" />
        </div>
        <span class="span-7">王琳</span>
        <span class="span-8">28岁</span>
        <span class="span-9">关系：夫妻</span>
      </div>
    </div>
    <div  class="thy-6">
      <button id="butt-1">编辑档案信息</button>
      <button id="butt-2">返回</button>
    </div>
  </div>
</template>

<script>

export default {
  data () {
    return {
      obj:{},
      ids:null
    }
  },
  mounted () {
    this.ids = this.$route.query.id;
     this.$axios({
      url: "api/inhabitant/findInhabitantById",
      mounted: "GET",
      params:{
          id:this.ids
        }
    }).then((res) => {
      // console.log(res);
      this.obj = res.data;
    });
   this.name=this.msg
   
  //  alert(this.ids+"我你爹")
  },

};
</script>

<style>

.img-3{
  width: 30px;
  height: 30px;
}
#butt-1{
  float: left;
  margin: 50px 30px;
  width: 200px;
  height: 50px;
  color: #fff;
  background-color: #1877f2;
  border: 1px solid #1877f2;
}
#butt-2{
  float: left;
  margin: 50px 30px;  
  width: 100px;
  height: 50px;
}
.thy-6{
  width: 100%;
  height: 200px;
  float: left;
}
.img-1 {
  width: 100%;
  height: 100%;
}
.span-7 {
  float: left;
  font-size: 130%;
  width: 60px;
  margin-left: 30px;
  margin-top: 30px;
}
.span-8 {
  float: left;
  margin-top: 38px;
  color: rgb(125, 112, 112);
  font-size: 90%;
}
.span-9 {
  float: left;
  margin-left: 30px;
  margin-top: 10px;
  color: rgb(125, 112, 112);
  font-size: 90%;
}
.thy-5 {
  width: 30%;
  height: 70px;
  float: left;
  background-color: red;
  margin: 25px 10px;
}
.thy-4 {
  width: 300px;
  height: 140px;
  margin: 20px 40px;
  float: left;
  border: 1px solid rgb(141, 128, 128);
}
.thy-3 {
  width: 98%;
  /* height: 400px; */
  /* background-color: red; */
  float: left;
  margin-left: 1%;
  border-bottom: 1px solid rgb(54, 49, 49);
}
.span-3 {
  color: rgb(85, 74, 74);
  font-size: 120%;
}
.span-4 {
  float: left;
  /* width: 30%; */
  line-height: 80px;
  font-size: 85%;
  color: rgb(125, 112, 112);
  margin-left: 100px;
}
.span-5 {
  float: left;
  /* width: 23%; */
  line-height: 80px;
  font-size: 85%;
  color: rgb(125, 112, 112);
  margin-left: 100px;
}
.span-6 {
  float: left;
  /* width: 20%; */
  line-height: 80px;
  font-size: 85%;
  color: rgb(125, 112, 112);
  margin-left: 100px;
}
.span-2 {
  float: left;
  /* width: 18%;   */
  line-height: 80px;
  font-size: 85%;
  color: rgb(125, 112, 112);
  margin-left: 100px;
}
.thy-2 {
  width: 100%;
  height: 70px;
  float: left;
  /* margin-top: 10px; */
  /* background-color: red; */
}
.span-1 {
  margin-top: 10px;
  float: left;
  font-size: 130%;
  width: 100%;
}
</style>